<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>日记首页</title>
    <link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css"
          th:href="@{/layui/css/common.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../static/layui/css/diarycss/diary-index.css"
          th:href="@{/layui/css/diarycss/diary-index.css}"/>
    <link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 公共头部 -->
<div th:replace="FrontPages/common/head::head(n=3)" name="headFrame"></div>


<!-- 日记展览 -->
<div class="diary-index">
    <div class="diary-head">
    </div>
    <div class="diary-content">
        <ul id="diary-demo" th:if="${diaries!=null}">
            <input id="count" type="hidden" th:value="${diaries.size()}">
            <li th:each="diary,diaryStat:${diaries}" th:if="${diaryStat.count} le 12 ">
                <a th:href="@{'/Diary/diarydetail/n/'+${diary.did}}">
                    <h2 th:text="${users.get(diaryStat.index).name?:users.get(diaryStat.index).uid}">Dudu：</h2>
                    <p th:text="${diary.content}">最近咋没有美女发帖呢？我一定给个头条推荐,recommend!recommend!</p>
                    <div class="diary-status" th:value="${diary.did}">
                        <i class="layui-icon layui-icon-heart"></i>
                        <span id="time" th:text="${diary.date}">2019-7-16</span>
                    </div>
                </a></li>
        </ul>
    </div>
</div>
<div id="diary-list"></div>
<!-- 公共尾部 -->
<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>
<!-- 背景特效 -->
<script type="text/jscript" th:src="@{/layui/layui.js}"></script>
<script type="text/jscript" th:src="@{/layui/lay/js/diary.js}"></script>
<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
</body>
</html>
